<template>
    <div class="leafer_box">
        <Draw @edit="addHost"></Draw>
        <statsModal ref="statsModal" />
    </div>
</template>

<script>
import Draw from './LeaferJS/leafer-draw.vue'
import statsModal from '@/components/leafer/statsModal.vue'
export default {
    components: {
        Draw,
        statsModal
    },
    data() {
        return {
        }
    },
    mounted() {

    },
    methods: {
        addHost(val) {
            this.$refs.statsModal.addHost(val)
        },
    }
}
</script>

<style scoped lang="less">
.leafer_box {
    display: block;
    width: 100%;
    height: 100vh;
}

.leafer_ul {
    height: 500px;
    overflow-y: scroll;

    li {
        line-height: 32px;
        border-bottom: 1px solid #f5f5f5;
    }
}

.leafer_ul>li:hover {
    background: #f5f5f5;
}
</style>